<template>
  <div class="equal-scal">
    <div class="title">
      鼠标移入区域左下角图标处，左键点击不放，然后移动鼠标即可进行缩放。
    </div>
    <div class="drag-area">
      <EqualScaling :viewWidth="viewWidth" :viewHeight="viewHeight" />
    </div>
  </div>
</template>

<script>
import EqualScaling from "./EqualScaling.vue";
export default {
  props: {},
  components: {
    EqualScaling,
  },
  data() {
    return {
      viewWidth: 260,
      viewHeight: 260,
    };
  },
  created() {
    this.initDataFun(); // 初始化数据
  },
  mounted() {},
  beforeDestroy() {},
  computed: {},
  watch: {},
  methods: {
    // 初始化数据
    initDataFun() {},
  },
};
</script>

<style lang="less"></style>

<style lang="less" scoped>
.equal-scal {
  .title {
    padding: 20px;
  }
  .drag-area {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
</style>
